@mixin img {
    width: 100%;
    height: 100%;
}
footer{
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #3b3b3b;
    .container{
        .row{
        //     width: 100%;
            .foot{
                display: flex;
                justify-content: space-between;
                align-items: center;
                flex-wrap: wrap;
                .footer-left{
                    color: #a1a3ab;
                    .lf-top{
                        font-size: 14px;
                        display: flex;
                    }
                    .lf-bottom{
                        font-size: 11px;
                    }
                }
                .footer-right{
                    display: flex;
                    justify-content: space-around;
                    position: relative;
                    div{
                        width: 38px;
                        height: 38px;
                        outline: none;
                        img{
                            @include img;
                        }
                    }
                  
                    .wx:focus~.QR{
                        opacity:1;
                     }
                     .QR{
                         opacity: 0;
                         width: 142px;
                         height: 150px;
                         background-color:white;
                         position: absolute;
                         padding: 10px;
                         bottom: 120%;
                         img{
                             @include img;
                         }
                         &::after{
                             content: "";
                             display: inline-block;
                             border-top: 10px solid white;
                             border-left: 10px solid transparent;
                             border-right: 10px solid transparent;
                             position: relative;
                             left: 50%;
                             transform: translateX(-50%);
                             top: 4%;
                         }
                     }
                }
            }
        }
    }
}